<style lang="scss" scoped>
  .activyshow_data {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 2.4rem;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #fff;
    font-size: 1.2rem;
    // border-radius: 2.4rem;
    border-radius: 0 0 50% 50%;
    z-index: 88;
    div {
      display: flex;
      align-items: center;
      .icon_btn {
        color: var(--btn_color);
        margin-right: 5px;
        font-size: 1.4rem;
      }
    }
  }

      
</style>
<template>
  <div class="activyshow_data">
      <div>
        <van-icon name="eye-o" class="icon_btn" />
        <span>{{
          activityItem.browse_num
        }}</span>
      </div>
      <div>
        <van-icon name="friends-o" class="icon_btn" />
        <span>{{ visitLists.length }}</span>
      </div>
      <div>
        <van-icon name="records" class="icon_btn"  v-if="icon"/>
        <van-icon name="shopping-cart-o" class="icon_btn" v-if="!icon" />
        <span>{{ voteCount || 0 }}</span>
      </div>
    </div>
</template> 
<script>
import { Tab, Tabs, List, Loading, Icon } from 'vant';

export default {
  name: "ActivyshowData",
  components: {
    [List.name]: List,
    [Tab.name]: Tab,
    [Tabs.name]: Tabs,
    [Loading.name]: Loading,
    [Icon.name]: Icon,
  },
  props: {
    activityItem: {
      type: Object,
      required: true,
    },
    voteCount: {
      type: String,
      required: true,
    },
    visitLists: {
      type: Array,
      required: true,
    },
    icon: {
      type: Boolean
    }
  },
  data() {
    return {
    }
  },
  created () {
  },
  mounted() {
  },
  methods: {
    
   
  }
};
</script>
